<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8"/>
    <title>Title</title>
    <!-- 新 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css"/>

    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>

    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>

    <script>
        $(document).ready(function () {
            $("button").click(function () {
                $.get("https://www.baidu.com", function (data, status) {
                    alert("数据：" + data + "\n状态：" + status);
                });
            });
        });

        $(function () {
            $.ajax(
                    {
                        type: 'get',
                        url: 'https://www.baidu.com',
                        dataType: 'html/text',
                        jsonp: "jsoncallback",
                        success: function (data) {
                            alert(data);
                        },
                        error: function () {
                            alert('fail');
                        }
                    }
            );
        })
    </script>


</head>
<body>


<button>向页面发送 HTTP GET 请求，然后获得返回的结果</button>

</body>
</html>